<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>MyFeed - Accessibility Help</title>
<link rel="stylesheet" href="../css/common.css" type="text/css" />
<link rel="stylesheet" href="../css/rss_info.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/IE6fix/common_ie6fix.css" type="text/css" />
<![endif]--> 
<script src="../js/common.js" type="text/javascript"></script>
</head>
<body lang="en-us">
<div id="header">
    <h1 id="logo"><span>MyFeed (beta) - Accessibility help</span></h1>
</div>

<div class="access_help">
    <a href="#tab_wrapper" accesskey="c" class="access_help">Jump to content in this page</a> |
  <a href="#nav_list" accesskey="n">Jump to navigation menu in this page</a>
</div>

<div id="alt">
      <ul>
        <li><a href="../mobiles/help.html">Mobiles</a></li>
        <li><a href="javascript:Common.toggleCSS();">Text Only</a></li>
        <li>Accessibility Help</li>
      </ul>
    </div>

<div id="navbar">
   <form action="../cgi-bin/login.pl" method="post">
	    <fieldset><legend>Login</legend>
	    	<ul>
				<li><label>username</label><input accesskey="u" class="username" name="username" type="text" /></li>
				<li><label>password</label><input accesskey="p" class="password" name="password" type="password"/></li>
				<li><input class="submit" type="submit" value="login"/></li>
	    	</ul>
	    </fieldset>
     </form>
       
        
	<ul id="nav_list">
	    <li><a href="../index.html" accesskey="o">H<span class="underlined">o</span>me</a></li>
	    <li><a href="../xml/signup.html" accesskey="s"><span class="underlined">S</span>ign Up</a></li>
	    <li class="here">Help</li>    
	    <li><a href="../about.html" accesskey="a"><span class="underlined">A</span>bout</a></li>
	    <li><a href="../sitemap.html"  accesskey="m">Site<span class="underlined">m</span>ap</a></li>
	</ul>
</div>	

<div id="tab_wrapper">
    <p class="site_pos">You are here:  <a href="../index.html">Home</a> -&gt; <a href="help.html">Help</a> -&gt; Acessibility Help</p>
    <h1><a name="top">Accessibility Help Page</a></h1>
    <h2>Summary</h2>
    <ol id="summary">
		<li><a href="#arg_on">On Accessibility</a></li>
		<li><a href="#arg_useful">Useful Tips</a></li>
		<li><a href="#arg_mobiles">Mobiles</a></li>
    </ol>
    
    <ol id="content">
	    <li><h2><a name="arg_on">On accessibility</a></h2>
			<p>MyFeed creation team put a great effort in making this website accessible for everyone. To grant the completion of this objective, we followed the standard <a href="http://www.w3.org/WAI/intro/wcag.php">WCAG rules</a> as defined by <a href="http://www.w3.org/">W3C</a>.</p>   
	    	<p class="top_link"><a href="#top">Top</a></p>
	    </li>
	    <li><h2><a name="arg_useful">Useful tips</a></h2>
	    <ol>
	      <li><h3>Surfing with the keyboard 1 - Common Shortcuts</h3>
	    		<p>We also thought about you who are navigating this website without a mouse. In every page there are common keyboard shortcuts that make keyboard surfing very quick, even quicker than the mouse navigation.</p>
	    		<p>Here are the common shortcuts (here we put the letter, the keys combination depends on your preferences on your browser): </p>
		          <ul>
			            <li>with <em>C</em> you reach immediately the main content of the page, jumping over the navigation and the accessibility help</li>
			            <li>with <em>N</em> you reach immediately thte navigation section, with links to other pages.</li>
			            <li>with <em>H</em> you exit the page and go to the main help page</li>
			            <li>with <em>O</em> you go to the home page</li>
			            <li>with <em>S</em> you go to the signup page</li>
						<li>with <em>M</em> you go to the sitemap page</li>
		          </ul>
				<p>Moreover, you can always quickly reach the login section of the page with the following shortcuts:</p>
					<ul>
						<li>with <em>U</em> you reach the username input</li>
						<li>with <em>P</em> you reach the password input</li>
					</ul>
				<p class="top_link"><a href="#top">Top</a></p>
			</li>
	    	<li><h3>Surfing with the keyboard 2 - Shurtcuts while reading your feeds</h3>
		      	<p>While reading your feeds, there are some shurtcuts that can make your life easier (here we put the letter, the keys combination depend on you preferences on your browser):</p>
		        <ul>
		        	<li>with <em>F</em> you reach the list of the feeds that you subscribed, so you can select one to see it's items</li>
		          <li>with <em>I</em> you reach the list of the items of the feed you previously selected</li>
		          <li>with <em>N</em> you reach the content of the item you selected</li>
		        </ul>
		        <p>These three keys combined with TAB key lets you move within the page very quickly.</p>
		        <p class="top_link"><a href="#top">Top</a></p>
	        </li>
	        </ol>
	   	</li>
	   	<li><h2><a name="arg_mobiles">Mobiles</a></h2>
	    	<h3>Does MyFeed supports mobile phone navigation?</h3>
	   		<p>Yes, you can navigate with your mobile. All you need to do is move to the <a href="../mobile/index.html">mobile section</a> of this website. (Under development) </p>
	        	
	        <p>This website hasn't been developed for a specific device, so if you encounter problems navigating that's probably a compatibility issue. <a href="mailto:developers@myTecfeed.com">Let us know about your problems</a>, so we can fix them and deliver a better product</p>
			<p class="top_link"><a href="#top">Top</a></p>
		</li>		
	</ol>
</div>

<!-- FOOTER -->
<div id="footer">
		<div class="footer_el" id="certs">
			<h5>HEY, WE'RE VALID!</h5>
				<ul>
					<li><a href="http://validator.w3.org/check?uri=referer">
						<img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Strict" height="31" width="88" />
						</a>
					</li>
					<li><a href="http://jigsaw.w3.org/css-validator/check/referer">
						<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="CSS Valido!" />
						</a>
					</li>
					<li>
						<a href="http://www.w3.org/WAI/WCAG1A-Conformance" title="Explanation of Level A Conformance">
	  					<img height="32" width="88" src="http://www.w3.org/WAI/wcag1AAA-blue" alt="Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0" />
						</a>
					</li>
				</ul>
		</div>
		<div class="footer_el" id="brought">
			<h5>BROUGHT TO YOU BY</h5>
				<ul>
					<li><address>Lorenzo Tessari<br/>
							Fake Str. 435<br/>
							Memphis, Tenessee<br/>
							01 555 23 322 33<br/>
						</address>
					</li>
					<li><address>Oscar Chinellato <br/>
							Fake Str. 1436<br/>
							L.A, California<br/>
							01 555 23 322 35<br/>
						</address>
					</li>
				</ul>
		</div>
		<div class="footer_el" id="contacts">
			<h5>CONTACTS</h5>
				<p>Did you find something wrong?<br/> Do you want something better?<br/> Do you have any idea?<br/> Are you a beautiful girl who likes Quake 3 Arena?</p>
				<p><a href="mailto:team@myfeed.com">Contact Us</a></p>		
		</div>
	</div>
<!-- END FOOTER -->
<!-- ACCESSIBILITY HELP -->
<div class="access_help">
  <a href="#header" accesskey="n">Jump to top of the page</a> 
</div>
<!-- END ACCESSIBILITY HELP -->
</body>
</html>
